<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 引入脚本样式 -->
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/pclassification.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/pclassification.css" />
		<title></title>
	</head>

	<!-- //行工具栏模板 -->
	<script type="text/html" id="barDemo1">
		<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="add2">添加二级</a>
		<a class="layui-btn layui-btn-xs layui-btn layui-btn-danger" lay-event="del">删除</a>
	</script>
	<!-- //模板 -->

	<!-- //行工具栏模板 -->
	<script type="text/html" id="barDemo2">
		<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="add3">添加三级</a>
		<a class="layui-btn layui-btn-xs layui-btn layui-btn-danger" lay-event="del">删除</a>
	</script>
	<!-- //模板 -->

	<!-- //行工具栏模板 -->
	<script type="text/html" id="barDemo3">
		<a class="layui-btn layui-btn-xs layui-btn layui-btn-danger" id="del3" lay-event="del">删除分类</a>
	</script>
	<!-- //模板 -->

	<!-- //顶部工具栏 -->
	<script type="text/html" id="toolbarDemo">
		<div class="layui-btn-group demoTable">
			<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-event="add1">添加分类
			</button>
		</div>
	</script>
	<!-- //顶部工具栏 -->

	<body>
		<div class="background">
			<div class="card">
				<div class="layui-card">
					<div class="layui-card-header">
						<h3>一级分类</h3>
					</div>
					<!-- 表格 -->
					<table class="layui-table"
						lay-data="{height: 'full-160',loading:'true', url:'', toolbar: '#toolbarDemo',id: 'testReload1'}"
						lay-filter="tooltable1">
						<thead>
							<tr>
								<th lay-data="{field:'id', sort: true, hide:'true'}">ID</th>
								<th lay-data="{field:'name',width:282}">一级分类</th>
								<!-- 绑定模板 -->
								<th lay-data="{width:140, align:'center', toolbar:'#barDemo1',fixed:'right'}">操作</th>
							</tr>
						</thead>
					</table>
					<!-- 表格 -->
					<div class="layui-card-body">
					</div>
				</div>
			</div>
			<div class="card">
				<div class="layui-card">
					<div class="layui-card-header">
						<h3>二级分类</h3>
					</div>
					<!-- 表格 -->
					<table class="layui-table"
						lay-data="{height: 'full-160',loading:'true', url:'',toolbar:'true',id: 'testReload2'}"
						lay-filter="tooltable2">
						<thead>
							<tr>
								<th lay-data="{field:'id', sort: true, hide:'true'}">ID</th>
								<th lay-data="{field:'name',width:282}">二级分类</th>
								<th lay-data="{field:'parentid',width:60, hide:'true'}">上级</th>
								<!-- 绑定模板 -->
								<th lay-data="{width:140, align:'center', toolbar:'#barDemo2',fixed:'right'}">操作</th>
							</tr>
						</thead>
					</table>
					<!-- 表格 -->
					<div class="layui-card-body">
					</div>
				</div>
			</div>
			<div class="card">
				<div class="layui-card">
					<div class="layui-card-header">
						<h3>三级分类</h3>
					</div>
					<!-- 表格 -->
					<table class="layui-table"
						lay-data="{height: 'full-160',loading:'true', url:'',toolbar:'true',id: 'testReload3'}"
						lay-filter="tooltable3">
						<thead>
							<tr>
								<th lay-data="{field:'id', sort: true, hide:'true'}">ID</th>
								<th lay-data="{field:'name',width:282}">三级分类</th>
								<th lay-data="{field:'parentid',width:60, hide:'true'}">上级</th>
								<!-- 绑定模板 -->
								<th lay-data="{width:140, align:'center', toolbar:'#barDemo3',fixed:'right'}">操作</th>
							</tr>
						</thead>
					</table>
					<!-- 表格 -->
					<div class="layui-card-body">
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
